<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <link rel="stylesheet" type="text/css" href="static/bootstrap/css/bootstrap.min.css">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>BUY1MAC助手</title>
    <style type="text/css">
        .content {
            width: 360px;
            margin: 0 auto;
            margin-top: 10%;
        }
    </style>
</head>
<body>
<div class="container" style="margin: 10rem auto;padding-bottom: 2rem;background: #2aabd2;width: 50rem">
    <form class="form-signin content" action="/login/" method="post">
         {% csrf_token %}
        <h2 class="form-signin-heading">欢迎登陆，BUY1MAC助手</h2>
        <label for="username" class="sr-only">用户名</label>
        <input type="text" name="userName" class="form-control" placeholder="用户名" required autofocus>
        <label for="password" class="sr-only">密码</label>
        <input type="password" name="password" class="form-control" placeholder="密码" required>
{#        <div class="checkbox">#}
{#            <label>#}
{#                <input type="checkbox" value="remember-me"> 记住密码#}
{#            </label>#}
{#        </div>#}
        <button class="btn btn-lg btn-primary btn-block" type="submit">登入</button>
        <span style="color: red">{{error_msg}}</span>
    </form>

</div>
<!-- /container -->
<script src='/static/bootstrap/js/jquery.min.js'></script>
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>